//vue.config.js
 
const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');
 
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '',
  productionSourceMap: false,

  //postcss-pxtorem
  css: {
      loaderOptions: {
        postcss: {
          plugins: [
            autoprefixer(),
            pxtorem({
              rootValue: 54, //设计稿宽度为1920px的
              propList: ['*']
            })
          ]
        }
      }
  },
  devServer: {
    host: 'localhost',
    port: 8080,
    proxy: {
      '/data': {
        https: true,
        target: 'http://localhost:80',// 要跨域的域名
        changeOrigin: true, // 是否开启跨域
      },
      '/page': {
        https: true,
        target: 'http://localhost:80',// 要跨域的域名
        changeOrigin: true, // 是否开启跨域
      },
      '/upload': {
        https: true,
        target: 'https://192.168.3.10',// 要跨域的域名
        changeOrigin: true, // 是否开启跨域
      },
      // '/page': {
      //   https: true,
      //   target: 'https://192.168.3.10',// 要跨域的域名
      //   changeOrigin: true, // 是否开启跨域
      // },
    }
  }
  // proxyTable: {
  //   // 这里配置 '/api' 就等价于 target , 你在链接里访问 /api === http://localhost:54321
  //   '/data': {
  //     target: 'http://localhost/', // 真是服务器的接口地址 // http://localhost:54321/json.data.json,
  //     secure: true, // 如果是 https ,需要开启这个选项
  //     changeOrigin: true, // 是否是跨域请求?肯定是啊,不跨域就没有必要配置这个proxyTable了.
  //     pathRewirte: {
  //       // 这里是追加链接,比如真是接口里包含了 /api,就需要这样配置.

  //       '/^api': '/data', 
  //       // 等价于 
  //       // step 1  /api = http://localhost:54321/
  //       // step 2 /^api = /api + api == http://localhost:54321/api
  //     }
  //   }
  //  },
    
}